
<template>
  <div class="button-demo">
    <MButton size="mini" type="primary">矿机</MButton>
    <MButton size="mini" type="text">text mini</MButton>
    <MButton size="mini" type="link">link mini</MButton>
    <br />
    <MButton size="small" >default small</MButton>
    <MButton size="small" type="primary">矿机</MButton>
    <MButton size="small" type="text">text small</MButton>
    <MButton size="small" type="link">link small</MButton>
    <br />
    <MButton size="medium" type="default">default medium</MButton>
    <MButton size="medium" type="primary">primary medium</MButton>
    <MButton size="medium" type="text">text medium</MButton>
    <MButton size="medium" type="link">link medium</MButton>
    <br />
    <MButton size="large" type="default">default large</MButton>
    <MButton size="large" type="primary">primary large</MButton>
    <MButton size="large" type="text">text large</MButton>
    <MButton size="large" type="link">link large</MButton>
  </div>
</template>

<script lang="ts">
import { defineComponent} from "vue";

export default defineComponent({
  components: {
  }
})
</script>
<style>
.button-demo {
  padding: 10px;
}

.button-demo .m-button {
  margin-right: 8px;
  margin-bottom: 12px;
}

.bg-pink {
  background: #666;
}
</style>